<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LofCoolFlashNews 1.0 - Mootool 1.2</title>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<script language="javascript" type="text/javascript" src="js/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="js/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="js/lofslidernews.mt12.js"></script>

</head>

<body>
	<div id="container">
    		

<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-wapper">
  		<div class="lof-main-item">
        		<img src="images/791902news3.jpg" height="300" width="900">           
                 <div class="lof-main-item-desc">
                <h3><a target="_parent" href="#">MQAP</a></h3>

                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
             </div>
        </div> 
       <div class="lof-main-item">
        	<img src="images/435576news10.jpg" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" href="#">Students</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>

             </div>
        </div> 
       <div class="lof-main-item">
        	<img src="images/641906img1.jpg" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" href="#">Faculties</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
             </div>
        </div> 
        <div class="lof-main-item">

        	<img src="images/416719news7.jpg" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" href="#">Statue</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
             </div>
        </div> 
        
        <div class="lof-main-item">

        	<img src="images/416719news8.jpg" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" href="#">Buildings</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
             </div>
        </div> 
        <div class="lof-main-item">

        	<img src="images/416719news9.jpg" height="300" width="900">            <div class="lof-main-item-desc">
                <h3><a target="_parent" href="#">Gym / Hall</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
             </div>
        </div> 
        	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->

  <div class="lof-navigator-outer">
  		<ul class="lof-navigator">
            <li>
            	<div>
                	<img src="images/lofthumbs/791902news3.jpg" />
                	<h3> MQAP </h3>
                  	<span>20.01.2012</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu...
                </div>    
            </li>
             <li>
             	<div>
                	<img src="images/lofthumbs/435576news10.jpg" />
                 	<h3> Students </h3>
                  	<span>20.01.2012</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>    
            </li>

            <li>
            	<div>
                    <img src="images/lofthumbs/641906img1.jpg" />
                    <h3> Faculties </h3>
                	<span>20.01.2012</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>     
            </li>
            
           <li>
           		<div>
                    <img src="images/lofthumbs/416719news7.jpg" />
                    <h3> Statue </h3>
                    <span>20.01.2012</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>    
            <li>
           		 <div>
                 	<img src="images/lofthumbs/416719news8.jpg" />
                 	<h3> Buildings </h3>
                 	<span>20.01.2012</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                 </div>   
            </li>
           <li>
           		<div>
                    <img src="images/lofthumbs/416719news9.jpg" />
                    <h3> Gym / Hall </h3>
               		<span>20.01.2012</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. ..
                </div>
            </li>     		
        </ul>
  </div>
 </div> 
<script type="text/javascript">
	var _lofmain =  $('lofslidecontent45');
	var _lofscmain = _lofmain.getElement('.lof-main-wapper');
	var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
	var object = new LofFlashContent( _lofscmain, 
									  _lofnavigator,
									  _lofmain.getElement('.lof-navigator-outer'),
									  { fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
									 	 interval:3000,
							 			 direction :'hrleft' } );
	object.start( true, _lofmain.getElement('.preload') );
</script>

<!------------------------------------- END OF THE CONTENT ------------------------------------------------->

</body>
</html>
